import React, { useEffect, useState } from 'react';

// 引入饼图组件
import Pie from '@/components/Pie';

// 获取用户数据统计接口
import { statisticsGetData } from '@/api/welcome'

const Welcome = () => {
  const [piedata, setPieData] = useState({})
  // 获取用户数据统计
  useEffect(() => {
    statisticsGetData().then(res => {
      // console.log('用户数据', res)
      if (res.data.errNo == 0) {
        setPieData(res.data.data)
      }
    })
  }, [])
  return (
    <>
      {
        piedata.accessFrom ? <div style={{ display: 'flex' }}>
          {/* 饼图组件 */}
          <Pie id='pie1' data={piedata.accessFrom} title='访问来源' lengend={false} name='accessFrom'></Pie>
          <Pie id='pie2' data={piedata.area} title='地域分布' lengend={false} name='area'></Pie>
          <Pie id='pie3' data={piedata.gender} title='性别占比' lengend={true} name='gender'></Pie>
        </div> : <></>
      }
    </>
  );
}

export default Welcome;

